<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="nav">
        <ul class="nav-left">
            <li><a href="https://leetcode.cn/">力扣</a></li>
            <li><a href="https://leetcode.cn/leetbook/">学习</a> </li>
            <li><a href="https://leetcode.cn/problemset/all/">题库</a></li>
            <li><a href="https://leetcode.cn/contest/">竞赛</a></li>
            <li><a href="https://leetcode.cn/circle/?query=&page=1">讨论</a></li>
            <li><a href="https://leetcode.cn/company/">求职</a></li>
            <li><a href="" id="store">商店</a></li>
        </ul>

        <ul class="nav-right">
            <li>登录</li>
            <li><span>或</span></li>
            <li>注册</li>
        </ul>
    </div>
    


    <div>
        <div class="top1">

        </div>
        <div class="top2">

        </div>

        <div class="main">

        </div>

        <div class="search">
            <img src="search.png" alt="">
            <input type="text">
        </div>

        <div id="play">
            <ul id="one">
                <li style="background: red;"></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <ul id="two">
                <li>
                    <img src="./1.png" alt="">
                </li>
                <li>
                    <img src="./2.png" alt="">
                </li>
                <li>
                    <img src="./3.png" alt="">
                </li>
                <li>
                    <img src="./4.png" alt="">
                </li>
            </ul>
        </div>
    </div>
    <script src="srcipt.js"></script>
</body>
</html>